<template>
  <div class="comp-category">
    <div class="category-nav">
      <p class="category-nav-1">{{ ctitle }}</p>
      <div class="category-right">
        <!-- <p class="category-nav-2">更多</p>
        <i class="iconfont icon-xiangyou1"></i> -->
      </div>
    </div>
    <!-- 匿名插槽 -->
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "compCategorywu",
  props: {
    ctitle: {
      type: String,
    },
  },
};
</script>

<style lang="scss" scoped>
.comp-category {
  width: 100%;
  background: #ffffff;
  margin-bottom: 10px;
  .category-nav {
    width: 100%;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    //  border-bottom: 1px solid rgb(214, 214, 214);

    .category-nav-1 {
      margin-left: 15px;
      font-size: 14px;
      padding: 0 2px;
      border-left: 3px solid skyblue;
    }
    .category-right {
      margin-right: 10px;
      color: #ccc;
      .category-nav-2 {
        height: 100%;
        display: inline-block;
        font-size: 12px;
        height: 29px;
        line-height: 29px;
        vertical-align: middle;
      }
      i {
        font-size: 16 px;
      }
    }
  }
}
</style>